const {defineConfig} = require('@vue/cli-service')
const path = require('path');
const webpack = require('webpack')

module.exports = defineConfig({
    // 端口
    devServer: {
        port: 8081,
    },
    // 这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，这样所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径，
    // 也可以设置为绝对路径 (例如 /)，这样所有的资源都会被链接为绝对路径，这样打出来的包只能被部署在域名的根路径，或是子路径。
    publicPath: './',
    lintOnSave: true,//语法检查
    productionSourceMap: false,//打包时不生成.map文件
    transpileDependencies: true,
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.resolve(__dirname, 'src')
            }
        },
        plugins: [
            // new webpack.ProvidePlugin({
            //     $: 'jquery',
            //     jQuery: 'jquery',
            //     'windows.jQuery': 'jquery'
            // })
            // 上面这个插件的作用是，当webpack遇到require('jquery')的时候，就会去node_modules里面找jquery，然后把它的路径赋值给$和jQuery
        ],
    },
})
